<template>
  <div class="footer_nav">
    <van-tabbar v-model="data.footerActive" class="footer-bar" :route="true" safe-area-inset-bottom>
      <van-tabbar-item name="Report" replace icon="newspaper-o" to="/home">
        主要报表
      </van-tabbar-item>
      <van-tabbar-item name="My" replace icon="manager-o" to="/my">
        我的设置
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup name="footerNav">

const data = reactive({
  footerActive: 'Home'
})

</script>
<style lang="scss" scoped>
  .footer_nav{
    height: 50px;
    .footer-bar{
      position: absolute;
      bottom: 0;
    }
  }
</style>
